<toaster-container></toaster-container>
<div class="row mt-2">
  <h3>
    Notification Details
  </h3>
  <span *ngIf="notification" class="col text-right">Status: {{notificationStatus[notification.status]}}</span>
</div>
<hr>
<div class="row mt-2">
  <div class="col-md-10">
    <quill-editor *ngIf="notification" [modules]="quillOptions" [(ngModel)]="notification.body"></quill-editor>
  </div> 
  <div *ngIf="notification" class="col-md-2">
      <button class="btn btn-primary-dark" [disabled]="notification.status == notificationStatus.Published" (click)="publish()">
        Publish
      </button>
      <button class="btn btn-primary-dark mt-3" [disabled]="notification.status == notificationStatus.Unpublished" (click)="unpublish()">
        Unpublish
      </button>
  </div> 
</div>